/*pop1*/
.pop {
  display: none;
  position: relative;
}

.btn-close {
  position: absolute;
  right: -10px;
  top: 10px;
  width: 43px;
  height: 43px;
  transition: all 0.3s;
  background: url(../img/pop/close.png) no-repeat;
  background-size: 100% 100%;
}

.btn-close:hover {
  transform: rotate(180deg);
}

#pop1 {
  width: 601px;
  height: 542px;
  background: url(../img/pop/pop1.png) no-repeat;
  position: relative;
  box-sizing: border-box;
  padding-top: 103px;
}

.pop1_box {
  width: 550px;
  /*height: 300px; overflow-y: auto;*/
  box-sizing: border-box;
  margin: 0 auto;
  height: 310px;
}

/*.pop1_box::-webkit-scrollbar{background-color: #9045e9; width: 10px; border-radius: 20px;}
.pop1_box::-webkit-scrollbar-thumb{background-color: #572bd4; border-radius: 20px;}*/
#pop1 p {
  width: 450px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.55;
  color: #5f4636;
  margin-bottom: 0;
}

#pop1 p span {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 100%;
  display: inline-block;
  background-color: #ffb70d;
}

#pop1 p em {
  background-position: -757px 0;
  width: 22px;
  height: 14px;
  display: inline-block;
  margin: 0 4px 0 16px;
}

.btn-agree {
  width: 400px;
  height: 56px;
  background: url(../img/pop/btn1.png) no-repeat;
  margin: 0 auto;
  background-size: 100% 100%;
}

.pop1_icon_zs {
  background: url(../img/pop1_bg_zs.png) no-repeat;
  width: 720px;
  height: 211px;
  position: absolute;
  top: 119px;
  left: -50px;
  pointer-events: none;
}

/*pop2*/
#pop2 {
  width: 602px;
  height: 740px;
  background: url(../img/pop/pop2.png) no-repeat;
  position: relative;
  box-sizing: border-box;
  padding-top: 128px;
}

.pop2-ct {
  width: 358px;
  margin: 0 auto;
}

.login-num {
  width: 100%;
  font-size: 18px;
  line-height: 28px;
  color: #7d4830;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}

.user-inf {
  width: 100%;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  margin: 0 auto 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: url(../img/pop/icon1.png) no-repeat;
  background-size: 100% 100%;
}

.user-inf span {
  width: 118px;
  font-size: 18px;
  line-height: 30px;
  color: #7d4830;
  box-sizing: border-box;
  flex-shrink: 0;
  padding-left: 15px;
}

.user-inf span.ts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 9px;
}

.user-inf span i {
  font-style: normal;
}

.user-inf input {
  width: 226px;
  height: 20px;
  border: 0;
  outline-style: none;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  line-height: 20px;
  color: #82766f;
  background: #fff;
  border-radius: 10px;
}

.user-inf.spc input {
  width: 128px;
}

.btn-yz {
  display: block;
  width: 103px;
  height: 28px;
  text-indent: -999em;
  margin-left: 8px;
  background: url(../img/pop/btn2.png) no-repeat;
  background-size: 100% 100%;
}

.btn-hyz {
  display: block;
  width: 106px;
  height: 28px;
  text-indent: -999em;
  margin-left: 8px;
  background: url(../img/pop/btn3.png) no-repeat;
  background-size: 100% 100%;
  font-size: 15px;
  color: #949494;
  text-align: center;
  text-indent: 0em;
  line-height: 28px;
}

.user-inf select {
  width: 228px;
  height: 20px;
  appearance: none;
  border: none;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 18px;
  line-height: 20px;
  color: #606870;
  border-radius: 10px;
  background: url(../img/pop/select.png) no-repeat;
  background-size: 100% 100%;
}

.user-inf select option {
  background-color: #ffffff;
}

.choice1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 9px;
  background: url(../img/pop/icon1.png) no-repeat;
  background-size: 100% 100%;
}

.choice1 .flex {
  display: flex;
  align-items: center;
  width: 228px;
  height: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.choice1 p.txt1 {
  width: 118px;
  font-size: 18px;
  line-height: 28px;
  color: #7d4830;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-left: 15px;
}

.choice1 p.btn_select1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 142px;
  margin-left: 7px;
}

.btn_select1 a {
  background-repeat: no-repeat;
  width: 16px;
  height: 17px;
  background-image: url(../img/pop/pop2_mrdd.png);
  margin: 3px 4px 0 0;
}

.btn_select1 span {
  font-size: 16px;
  line-height: 20px;
  color: #82766f;
}

.btn_select1.on a {
  background-image: url(../img/pop/pop2_xzdd.png);
}

.btn_select1.on span {
  font-size: 16px;
  line-height: 20px;
}

.pop2_tit {
  font-size: 20px;
  line-height: 28px;
  color: #e26b1b;
  padding: 10px 0 18px;
  text-align: center;
}

.user-inf2 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}

.user-inf2 span {
  width: 107px;
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
  box-sizing: border-box;
}

.user-inf2 input {
  background-position: -385px -950px;
  width: 347px;
  height: 32px;
  border: 0;
  outline-style: none;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 20px;
  line-height: 32px;
  color: #606870;
}

.pop2_ts {
  font-size: 20px;
  line-height: 26px;
  color: #86fffd;
  position: relative;
  margin: 15px 0 0 59px;
}

.pop2_ts span {
  width: 60px;
  color: #fcf485;
  position: absolute;
  left: -60px;
}

.pop2_ts2 {
  margin-bottom: 15px;
}

.btn-tj {
  width: 319px;
  height: 55px;
  margin: 30px auto 0;
  background: url(../img/pop/btn4.png) no-repeat;
  background-size: 100% 100%;
}

.pop2_icon_zs {
  background: url(../img/pop2_bg_zs.png) no-repeat;
  width: 720px;
  height: 390px;
  position: absolute;
  top: 119px;
  left: -50px;
  pointer-events: none;
}

/*pop3*/
#pop3 {
  width: 601px;
  height: 720px;
  background: url(../img/pop/pop3.png) no-repeat;
  position: relative;
  box-sizing: border-box;
  padding: 124px 38px 0;
}

.pop3-ct {
  width: 551px;
  margin: 0 auto;
}

.pop3_tips {
  width: 100%;
  font-size: 20px;
  color: #e26b1b;
  box-sizing: border-box;
  margin-bottom: 15px;
  text-align: center;
}

.pop3_dqzh {
  text-align: center;
  color: #7d4830;
  font-size: 18px;
  margin-bottom: 20px;
}

.user-inf1 {
  width: 358px;
  min-height: 30px;
  padding: 5px 0;
  box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px !important;
  line-height: 30px !important;
  margin: 0 auto;
  color: #7d4830;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: url(../img/pop/icon1.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 6px;
}

.user-inf1 span {
  width: 114px;
  text-align: center;
  padding-left: 10px;
  line-height: 1;
}

.user-inf1 em {
  width: 226px;
  min-height: 20px;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  color: #82766f;
  font-size: 16px;
}

.pop3_list {
  width: 226px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  border-radius: 10px;
}

.pop3_list li {
  width: 100%;
  /*width: 141px;*/
  justify-content: center;
}

.pop3_list li a {
  /*width: 141px;*/
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop3_list li a em {
  background-position: -788px 0;
  width: 32px;
  height: 35px;
  display: none;
  margin-right: 5px;
}

.pop3_list li a p {
  /*width: 104px;*/
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #82766f;
  padding: 0px 5px;
  text-align: center;
}

.pop3_list li.on a em {
  background-position: -823px 0;
}

.pop3_list li.on a p {
  /*width: 104px;*/
}

.pop3_ts1 {
  width: 378px;
  font-size: 18px;
  margin: 0 auto;
  color: #7d4830;
  position: relative;
  padding-left: 15px;
}

.pop3_ts1::after {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #ffb70d;
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
}

.pop3_ts1 em {
  background-position: -757px 0;
  width: 22px;
  height: 14px;
  display: inline-block;
  margin-right: 14px;
}

.pop3_box_btn {
  width: 420px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px auto 0;
}

.pop3_box_btn a {
  width: 179px;
  height: 56px;
}

.btn-xg {
  background: url(../img/pop/btn5.png) no-repeat;
  background-size: 100% 100%;
}

.btn-fix {
  background: url(../img/pop/btn6.png) no-repeat;
  background-size: 100% 100%;
}

.pop3_icon_zs {
  background: url(../img/pop3_bg_zs.png) no-repeat;
  width: 720px;
  height: 390px;
  position: absolute;
  top: 119px;
  left: -50px;
  pointer-events: none;
}

/*pop4*/
.pop4 {
  width: 602px;
  height: 891px;
  background: url(../img/pop/pop4.png) no-repeat;
  box-sizing: border-box;
  padding: 110px 60px 0;
}

.pop4-ct {
  width: 100%;
  height: 720px;
  overflow-y: auto;
}

.cdkMain {
  display: flex;
  justify-content: center;
  margin-top: 0;
}

.cdkMain .l {
  background: url(../img/pop/icon2.png) no-repeat;
  background-size: 100% 100%;
  width: 146px;
  height: 164px;
  padding: 4px;
  box-sizing: border-box;
}

.cdkMain .l img {
  display: block;
  width: 100%;
  height: 134px;
}

.cdkMain .l p {
  text-align: center;
  color: #7d4830;
  font-size: 13px;
  white-space: nowrap;
  margin-top: 3px;
}

.cdkMain .r {
  width: 290px;
  margin-left: 10px;
}

.cdkMain .r .t {
  color: #e26b1b;
  font-size: 18px;
}

.cdkMain .r .d {
  color: #7d4830;
  font-size: 18px;
  line-height: 1.2;
}

.cdkMain .r .d .p1 {
  font-size: 18px;
  color: #e26b1b;
}

.user-inf4 {
  padding: 10px 0;
  width: 358px;
  /* height: 30px; */
  font-size: 18px;
  line-height: 1;
  color: #7d4830;
  background: url(../img/pop/icon1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  min-height: 30px;
  box-sizing: border-box;
}

.user-inf4 span {
  color: #7d4830;
  font-size: 18px;
  width: 114px;
  text-align: center;
}

.user-inf4 em {
  width: 226px;
  min-height: 20px;
  background-color: #fff;
  border-radius: 10px;
  line-height: 1.1;
  text-align: center;
  color: #82766f;
}

.user-inf4.ts {
  font-size: 18px;
  line-height: 28px;
  color: #7d4830;
  text-align: center;
  background: none;
  justify-content: center;
}

.user-inf4.ts span {
  width: auto;
}

.user-inf4.ts em {
  width: auto;
  color: #7d4830;
  font-size: 18px;
  height: auto;
}

.pop4 h3 {
  font-size: 20px;
  color: #e26b1b;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

.pop4_tips {
  font-size: 20px;
  line-height: 30px;
  color: #86fffd;
  position: relative;
  margin-left: 60px;
}

.pop4_tips span {
  color: #fcf485;
  position: absolute;
  left: -60px;
}

.btn-goknow {
  background-position: -562px -324px;
  width: 399px;
  height: 56px;
  background: url(../img/pop/btn7.png) no-repeat;
  background-size: 100% 100%;
  margin: 30px auto 0;
}

.pop4_icon_zs {
  background: url(../img/pop4_bg_zs.png) no-repeat;
  width: 720px;
  height: 335px;
  position: absolute;
  top: 180px;
  left: -50px;
  pointer-events: none;
}

/*pop-tyts*/
.pop-tyts {
  background: url(../img/pop/pop5.png) no-repeat;
  width: 602px;
  height: 266px;
  box-sizing: border-box;
  padding-top: 8px;
}

.pop_ty_txt {
  width: 80%;
  height: 230px;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #7d4830;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.pop_ty_icon {
  background: url(../img/pop_ty_icon.png) no-repeat;
  width: 720px;
  height: 85px;
  position: absolute;
  top: 119px;
  left: -50px;
  pointer-events: none;
}

/*pop8*/
.pop8 {
  background: url(../img/pop/pop6.png) no-repeat;
  width: 601px;
  height: 414px;
}

.pop8 p {
  display: flex;
  justify-content: space-between;
  width: 476px;
  margin: 0 auto;
  padding-top: 149px;
}

.pop8 p a {
  display: block;
  width: 155px;
  height: 168px;
}

.pop8_icon_zs {
  background: url(../img/pop8_bg_zs.png) no-repeat;
  width: 720px;
  height: 211px;
  position: absolute;
  top: 120px;
  left: -33px;
  pointer-events: none;
}

/*pop11*/
.pop-tytsbtn {
  background: url(../img/pop/pop7.png) no-repeat;
  width: 602px;
  height: 296px;
  box-sizing: border-box;
  padding-top: 42px;
}

.pop_tytsbtn_txt {
  width: 610px;
  height: 134px;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #7d4830;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.btn-ljgd {
  background-position: -800px -443px;
  width: 179px;
  height: 55px;
  margin: 0 auto;
  background: url(../img/pop/btn8.png) no-repeat;
  background-size: 100% 100%;
}

.pop_tytsbtn_icon {
  background: url(../img/pop_ty_icon.png) no-repeat;
  width: 720px;
  height: 85px;
  position: absolute;
  top: 119px;
  left: -50px;
  pointer-events: none;
}

/*pop10*/
.pop10 {
  background: url(../img/pop10_bg.jpg) no-repeat;
  width: 627px;
  height: 528px;
  box-sizing: border-box;
  padding: 135px 78px 0;
}

.pop10_txt_ts {
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 46px;
}

.pop10_tit {
  width: 100%;
  font-size: 24px;
  line-height: 28px;
  color: #fcf485;
  font-weight: bold;
  padding-bottom: 10px;
}

.user-inf10 {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}

.btn_sure {
  width: 179px;
  height: 55px;
  display: block;
  margin: 50px auto 0;
  background: url(../img/pop/btn9.png) no-repeat;
  background-size: 100% 100%;
}

.pop10_icon_zs {
  background: url(../img/pop10_bg_zs.png) no-repeat;
  width: 720px;
  height: 156px;
  position: absolute;
  top: 185px;
  left: -50px;
  pointer-events: none;
}

/*popSuccess*/
.popsuccess {
  background: url(../img/pop/pop9.png) no-repeat;
  width: 601px;
  height: 522px;
  box-sizing: border-box;
  padding: 120px 78px 0;
}

.popsuccess_box_top {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #e26b1b;
  margin-bottom: 20px;
}

.popsuccess_tit {
  font-size: 20px;
  line-height: 28px;
  color: #e26b1b;
  padding-bottom: 12px;
}

.user-infpopsuccess {
  width: 100%;
  font-size: 18px;
  color: #7d4830;
}

.popsuccess .btn_sure {
  margin-top: 0;
}

.popsuccess_icon_zs {
  background: url(../img/popsuccess_bg_zs.png) no-repeat;
  width: 720px;
  height: 335px;
  position: absolute;
  top: 185px;
  left: -50px;
  pointer-events: none;
}

/*wxcharge*/
.popwxcharge {
  background: url(../img/pop/pop10.png) no-repeat;
  width: 601px;
  height: 453px;
  box-sizing: border-box;
  padding-top: 120px;
}

.popwxcharge_txt {
  width: 450px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #9a654d;
}

.val_input {
  width: 381px;
  height: 35px;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #7d4830;
  margin: 15px auto 25px;
  border: none;
  display: block;
  padding: 0 10px;
  box-sizing: border-box;
  background: url(../img/pop/icon4.png) no-repeat;
  background-size: 100% 100%;
}

.btn_yzm {
  width: 179px;
  height: 55px;
  background: url(../img/pop/btn10.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 10px;
  display: block;
  text-indent: -999em;
}

.popwxcharge_icon_zs {
  background: url(../img/popwxcharge_bg_zs.png) no-repeat;
  width: 720px;
  height: 156px;
  position: absolute;
  top: 185px;
  left: -50px;
  pointer-events: none;
}

/*pop13*/
.pop13 {
  background: url(../img/pop/pop8.png) no-repeat;
  width: 602px;
  height: 493px;
  box-sizing: border-box;
  padding: 117px 60px 0;
}

.pop13 p {
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  color: #7d4830;
  display: flex;
  justify-content: center;
}

.pop13 p span {
  color: #e26b1b;
  font-size: 16px;
}

.pop13 p span b {
  font-weight: normal;
}

.pop13_img1 {
  width: 382px;
  height: 207px;
  display: block;
  margin: 7px auto 14px;
  background: url(../img/pop/icon3.png) no-repeat;
}

.pop13_img2 {
  width: 281px;
  height: 281px;
  display: block;
  margin: 7px auto 14px;
  background: url(../img/pop13_img2.png) no-repeat;
}

.pop13_icon_zs {
  background: url(../img/pop13_bg_zs.png) no-repeat;
  width: 720px;
  height: 335px;
  position: absolute;
  top: 170px;
  left: -47px;
  pointer-events: none;
}

.pop {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
